@mixin clearfix {
	&:before,
	&:after {
		content: "";
		display: table ;
	}
	&:after {
		clear: both;
	}
}
@mixin radius($radius:5px){
	border-radius: $radius;
}
@mixin border($border:1px,$type:solid,$color:#ccc){
  border:$border $type $color;
}
@mixin img-responsive($display: block) {
	display: $display;
	max-width: 100%;
	height: auto;
}
@mixin gradient-left(){
	background: -webkit-linear-gradient(right, #fff 0, #eee 100%);
	background:    -moz-linear-gradient(right, #fff 0, #eee 100%);
	background:         linear-gradient(to left, #fff 0, #eee 100%);
}
@mixin text-overflow {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
@mixin text-ellipsis($line:2){
	display: -webkit-box;
	-webkit-line-clamp:$line;
	overflow: hidden;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
}

%left {
    float: left;
}

%right {
    float: right;
}

%abs {
    position: absolute;
}

%abs-center {
    @extend %abs;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

%rel {
    position: relative;
}

%flex {
    display: flex;
    align-items: center;
}

%table {
    margin-bottom: 80px;
    border-spacing: 0;
    border-collapse: collapse;
}
